body{
    min-width:1240px;

}
header{
    height: 50px;
    background-color:rgb(39, 39, 39) ;
    .container{
        width: 1240px;
        margin: 0 auto;
        ul{
            float: right;
            height: 50px;
            a{
                color:#ffffff;
                li{
                    float: left;
                     width: 80px;
               
                    margin-top: 15px;
                    padding-right: 10px;
                    padding-left: 10px;
                
                    border-right: 1px solid #c5c2c2;
                 

                }
            }
        }
    }




}

footer{
    width: 100%;
    height: 620px;
    .top {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 300px;
        background-color: white;
        .box {
            width: 300px;
            height: 200px;
          
            text-align: center;
            margin-top: 50px;
            color: #ccc;
     
            .pic {
                width: 170px;
                height: 80px;
                margin: 0 auto;
                margin-top: 44px;
                display: flex;
                justify-content: space-between;
                img {
                    width: 80px;
                    height: 80px;
                }
            }
            .pic2 {
                width: 170px;
                height: 80px;
                margin: 0 auto;
                margin-top: 44px;
                display: flex;
                justify-content: space-between;
                
           
                img {
                    width:80px;
                    height: 80px;
                }

            }
            .pic3 {
                width: 170px;
                height: 80px;
                margin: 0 auto;
                margin-top: 44px;
                display: flex;
                justify-content: space-between;
                img {
                    width: 80px;
                    height: 80px;
                }
                .xia_zai_ye_mian {
                    width: 80px;
                    height: 80px;
                    font-size: 12px;
                }
                .xia_zai_ye_mian .green {
                    width: 80px;
                    height: 30px;
                    background-color: #27ba9b;
                    color: white;
                    text-align: center;
                    line-height: 30px;
                    font-size: 10px;
                    margin-top: 16px;
                    cursor: pointer;
                }



            }
            .one {
                font-size: 24px;
                margin-top: 60px;
                color: #666;
            }

        }

    }
   
        .bottom {
            width: 100%;
            height: 320px;
            background-color: #333;
            .first {
                display: flex;
                justify-content: space-between;
                width: 990px;
                height: 140px;
                border-bottom: 1px solid #ccc;
                margin: 0 auto;
                div {
                    width: 310px;
                    height: 100%;
                    line-height: 180px;
                    img {
                        margin-left: 60px;
                        cursor: pointer;
                    }
                }
            }
            ul {
                display: flex;
                color: #ccc;
                font-size: 10px;
                margin-left: 36%;
                margin-top: 50px;
                li {
                    list-style: none;
                    margin-left: 10px;
                    margin-right: 10px;
                    cursor: pointer;

                }
            }
            p {
                color: #ccc;
                font-size: 10px;
                margin-left: 46%;
                margin-top: 30px;
            }

        }
    }


